<template>
  <view class="wrap">
    <u-button type="default" @click="goMap" text="确定">按钮</u-button>
    <u-button type="primary" @click="goCart" text="确定">按钮</u-button>
    <u-button type="success" text="确定">按钮</u-button>
    <u-button type="info" text="确定">按钮</u-button>
    <u-button type="warning" text="确定">按钮</u-button>
    <u-button type="error" text="确定">按钮</u-button>
    <u-button type="default" :plain="true" text="镂空">镂空按钮</u-button>
    <u-button type="primary" :plain="true" text="镂空">镂空按钮</u-button>
    <u-button type="success" :plain="true" text="镂空">镂空按钮</u-button>
    <u-button type="info" :plain="true" text="镂空">镂空按钮</u-button>
    <u-button type="warning" :plain="true" text="镂空">镂空按钮</u-button>
    <u-button type="error" :plain="true" text="镂空">镂空按钮</u-button>
  </view>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  onLoad() {

  },
  methods: {
    goMap(){
      uni.navigateTo({ url: '/pages/map/map' })
    },
    goCart(){
      uni.navigateTo({ url: '/pages/card/card' })
    }

  },
};
</script>

<style>
page {
  background-color: #ffffff;
}
</style>

<style scoped lang="scss">
.wrap {
  padding: 24rpx;
  box-sizing: border-box;

  ::v-deep {
    .u-btn {
      margin-bottom: 24rpx;
    }
  }
}
</style>
